// JavaScript Document


//加载事件
window.onload=function()
{
	kuai();//判断浏览器的宽 定位内容
	}
	
	
//判断浏览器的宽 定位内容
function kuai()
{
	var k=window.innerWidth;
	document.getElementById('my').style.marginLeft="930px";
	document.getElementById('float').style.left=((k-1180)/2)+1170+"px";
	document.getElementById('sho11').style.left=((k-1180)/2)+185+"px";
	document.getElementById('float').style.top="600px";
	if(k==1280)
	{
		document.getElementById('mdiv').style.marginLeft="-31.5%";
		}
		if(k==1920)
		{
		    document.getElementById('mdiv').style.marginLeft="";
			}
	}


//轮播图片
var str;

var xrt=0;
var i=0

function show(){
   $(document).ready(function(){
    //向左
	if(i==0){
		xrt+=1900;
		if(xrt==7600){
		   i=1;
		}
	//向右
	}if(i==1){
		xrt-=1900;
		if(xrt==0){
		i=0;
		}
	}
    $(".mdiv1").stop(true).animate({right:xrt+"px"});
    })
  ;}
str=setInterval(show,3000);







//首页圆点换图片
var xtr1=0;
var m=0;
$(document).ready(function(){
		
		//进入圆点时
		$(".myd").mouseover(function(){
				clearInterval(str); //取消轮播
				$(".mdiv1").stop(true).animate({right:xrt+"px"}); //定位当前位置	
				
				var thiss = this.id;
			if(thiss=="myd1")
			{
				xtr1=0;
				m=1;
				}
			if(thiss=="myd2")
			{
				xtr1=1900;
				m=2;
				}
			if(thiss=="myd3")
			{
				xtr1=3800;
				m=3;
				}
			if(thiss=="myd4")
			{
				xtr1=5700;
				m=4;
				}
	$("#m"+m).css("background-color","#FFF");
	$(".mdiv1").stop(true).animate({right:xtr1+"px"});					 
	});
		
		
	//离开圆点时
	$(".myd").mouseout(function(){
			var thiss = this.id;
	        $("#m"+m).css("background-color","#999");
			str=setInterval(show,3000); //轮播图片
	});
	
	
	//进入侧边导航时
	$("#float div").mouseover(function(){
			//alert(this.id);
			$(this).css("background-color","#CCC");
	}).mouseout(function(){
			$(this).css("background-color","#FFF");
	});
  })




//鼠标进入商品图片时慢慢变大
    var index=0;
	var thisid;  //选中时记录div的
	var thisdiv; //选中时记录div的中的divid
	var thisimg; //选中时记录div的中的divid
     var index=0;
    $(function(){
        $('.mdivi').mousemove(function(){				   
            var wValue=1.2 * $(this).find('img').width();  
            var hValue=1.2 * $(this).find('img').height(); 
			$(this).find('div').css("display","block");
			
            $(this).find('img').stop().animate({width: wValue,  
                            height: hValue,  
                            left:("-"+(0.2 * $(this).find('img').width())/2),  
                            top:("-"+(0.2 * $(this).find('img').height())/2)}, 700); 
        });
		$('.mdivi').mouseout(function(){
			$(this).find('div').css("display","none");
            $(this).find('img').stop().animate({width: "416",  
                                         height: "285",  
                                         left:"0px",  
                                         top:"0px"}, 700);
        });  
    });
	






















